---
id: introduction
title: Introduction 📚
slug: /
sidebar_position: 0
---

import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";

**Fast & performant React Native list. No more blank cells.**

Swap from FlatList in seconds. Get instant performance. Build for RN's new architecture.

## Installation

<Tabs
  defaultValue="react-native"
  values={[
    { label: "React Native", value: "react-native" },
    { label: "Expo", value: "expo" },
  ]}
>
<TabItem value="react-native">
Add the package to your project via:

```bash
yarn add @shopify/flash-list
```

</TabItem>
<TabItem value="expo">

- ✅ This library can be used with "Expo Go" from SDK 46 upwards or with a development client
- ✅ You can use this library with [Development Builds](https://docs.expo.dev/development/introduction/). No config plugin is required.

```bash
npx expo install @shopify/flash-list expo-dev-client
```

You can then [create a new Development Build](https://docs.expo.dev/development/build/) and begin using `FlashList`.

</TabItem>
</Tabs>

### Usage

Read more about the usage of `FlashList` [here](/usage)

### Old architecture / FlashList v1

If you're running on old architecture or using an older version of FlashList, you can access the documentation specific to that version by selecting it from the version dropdown in the navigation bar, or using these direct links:

- [Version 1.x documentation](/flash-list/docs/1.x/)

### App / Playground

The [fixture](https://github.com/Shopify/flash-list/tree/main/fixture) is an example app showing how to use the library.
